KJCLUB - 서울홈스테이 한국어교실!!

번호	제목	글쓴이	날짜	조회	추천
3578	젊은 벚꽃 철도젊은 사쿠라역의 벚꽃�.......	RapidMoonlight	04-11	281	0
3577	오쿠 이즈모 큰 뱀 루프♪	RapidMoonlight	02-10	474	0
3576	일본에 필요한 정당은? (2)	superhappy	2023-03-25	1294	0
3575	세이코생일 축하합니다 (1)	katoudai84	2023-03-10	1366	0
3574	처음 뵙겠습니다	idautoka	2023-02-18	1437	0
3573	오미하치만시	R33R	2022-12-11	1459	0
3572	정말로 순수 일본인은 한국남같은 것�....... (1)	purukogitabetakunai	2022-08-28	1990	0
3571	ワロタｗ男前がいない国ランキング�....... (3)	baby	2022-08-28	1967	0
3570	한국남들의 외모를 본 정직한 일본 여....... (4)	baby	2022-08-28	2051	0
3569	와로타 w미남자가 없는 나라 랭킹으로....... (6)	119koo	2022-08-28	1755	0
3568	초부자가 된	24vx	2022-08-27	1612	0
3567	zz	windows15	2022-06-06	1807	0
3566	이요 마츠야마성의 벚꽃♪	RapidMoonlight	2022-04-13	2065	0
3565	____	FineethnicKorean	2021-12-31	2251	0
3564	안녕하세요!</span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "IamRich", '', 'board', '3392595', 'board');" title="IamRich"><span class="text-muted"><strong>IamRich</strong></span></a></td> <td class="text-center valign-mid">2021-09-17</td> <td class="text-center valign-mid hide-mobile">2886</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3563 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3371360/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 세토나이카이의 다리의 사진을 여러�....... <span class="glyphicon glyphicon-picture text-danger" title="이미지"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "RapidMoonlight", '', 'board', '3797592', 'board');" title="RapidMoonlight"><span class="text-muted"><strong>RapidMoonlight</strong></span></a></td> <td class="text-center valign-mid">2021-08-12</td> <td class="text-center valign-mid hide-mobile">3062</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3562 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3303950/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 나는 시가현 출신입니다. <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "MassageHealth", '', 'board', '3303950', 'board');" title="MassageHealth"><span class="text-muted"><strong>MassageHealth</strong></span></a></td> <td class="text-center valign-mid">2021-05-17</td> <td class="text-center valign-mid hide-mobile">3498</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3561 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3276605/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 칸사이 뮤직 스테이션 <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "dfre", '', 'board', '3276605', 'board');" title="dfre"><span class="text-muted"><strong>dfre</strong></span></a></td> <td class="text-center valign-mid">2021-03-30</td> <td class="text-center valign-mid hide-mobile">3336</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3560 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3223778/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 국도 180호선의 사진을 몇매나♪ <span class="glyphicon glyphicon-picture text-danger" title="이미지"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "RapidMoonlight", '', 'board', '3797592', 'board');" title="RapidMoonlight"><span class="text-muted"><strong>RapidMoonlight</strong></span></a></td> <td class="text-center valign-mid">2021-01-02</td> <td class="text-center valign-mid hide-mobile">4280</td> <td class="text-center valign-mid hide-mobile">1</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3559 </td> <td><span class="flag-icon flag-icon-kr"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3190992/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 타케시마는 일본의 영토( <iframe framebor....... <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "대한민국고최", '', 'board', '3190992', 'board');" title="대한민국고최"><span class="text-muted"><strong>대한민국고최</strong></span></a></td> <td class="text-center valign-mid">2020-10-29</td> <td class="text-center valign-mid hide-mobile">4293</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> </tbody> </table> <div class="clearfix" id="bo_grid_writes" style="display:none"> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3797592/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">젊은 벚꽃 철도젊은 사쿠라역의 벚꽃�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3777054/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오쿠 이즈모 큰 뱀 루프♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3653958/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">일본에 필요한 정당은?</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3647638/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">세이코생일 축하합니다 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3640774/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">처음 뵙겠습니다 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3613193/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오미하치만시 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568144/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">정말로 순수 일본인은 한국남같은 것�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568139/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">ワロタｗ男前がいない国ランキング�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568136/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">한국남들의 외모를 본 정직한 일본 여.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568131/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">와로타 w미남자가 없는 나라 랭킹으로.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3567968/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">초부자가 된 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3528203/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">zz</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3507269/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">이요 마츠야마성의 벚꽃♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3457839/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">____</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3392595/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">안녕하세요!<iframe frameborder</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3371360/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">세토나이카이의 다리의 사진을 여러�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3303950/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">나는 시가현 출신입니다.</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3276605/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">칸사이 뮤직 스테이션 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3223778/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">국도 180호선의 사진을 몇매나♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3190992/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">타케시마는 일본의 영토( <iframe framebor.......</p> </a> </div> </div> <div class="clearfix"> <span class="btn-group"> </span> <div class="pull-right"> </div> </div> </form> <br /> <!-- <form name="fsearch" method="post" action="/kr/board/exc_board_40/lists" onsubmit="return doSearch(this);"> <input type="hidden" name="sca" value="" /> <input type="hidden" name="list_id" value="'3797592','3777054','3653958','3647638','3640774','3613193','3568144','3568139','3568136','3568131','3567968','3528203','3507269','3457839','3392595','3371360','3303950','3276605','3223778','3190992'"/> --> <form name="fsearch" method="get" action="/kr/board/exc_board_40/lists" onsubmit="return doSearch(this);"> <div class="clearfix"> <select name="sfl" class="form-control input-sm span3 pull-left mgb1 mbr1"> <option value="subject"> 제목 </option> <option value="content"> 내용 </option> <option value="subject,content"> 제목+ 내용 </option> <option value="membername"> 글쓴이 </option> </select> <div class="span4 pull-left"> <div class="input-group"> <input name="stx" class="form-control input-sm" maxlength="15" value="" /> <span class="input-group-btn"> <button type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-search"></span> 검색 </button> </span> </div> </div> <div class="pull-right"> <ul class="pagination"><li class="active"><a>1</a></li><li><a href="/kr/board/exc_board_40/lists/page/2%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">2</a></li><li><a href="/kr/board/exc_board_40/lists/page/3%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">3</a></li><li><a href="/kr/board/exc_board_40/lists/page/4%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">4</a></li><li><a href="/kr/board/exc_board_40/lists/page/5%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">5</a></li><li><a href="/kr/board/exc_board_40/lists/page/2%C2%A5%22mailto:chris0903@naver.com%C2%A5%22" >></a></li><li><a href="/kr/board/exc_board_40/lists/page/178%C2%A5%22mailto:chris0903@naver.com%C2%A5%22" >끝 »</a></li></ul> </div> </div> </form> </div> <script src="/js/twemoji.min.js"></script> <script type='text/javascript'> // Parse emoji on web window.onload = function () { if (! /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) { twemoji.size = '16x16'; twemoji.parse(document.body); } } // <![CDATA[ // // // ]]> </script> <script src="/js/fakecrop.js"></script> <script> $(document).ready(function () { $('#fakecrop-list img').fakecrop({ wrapperWidth: 64, wrapperHeight: 64 }); $('#fakecrop-grid img').fakecrop({ wrapperWidth: 120, wrapperHeight: 120 }); $('#del_posts').click(function () { let mb_id = $('#mb_id').val(); let link = $('#url').val(); let botable = $('#bo_table').val(); if (mb_id.length == "") { alert("Please select a member to delete the post."); return; } $.ajax({ method: "POST", url: rt_path + '/' + link, data: { "mb_id": mb_id, "bo_table": botable }, dataType: "JSON", success: function (data) { if (data.code == 200) { alert(data.message); location.reload(); } else { alert(data.message); } } }) }) }); function revert_post(wr_id, bo_table) { if (confirm("Revert deleted posting?")) { $.post('/kr/_trans/board_write/revert_delete', { wr_id: wr_id, bo_table: bo_table }, function (data) { alert("Completed"); location.reload(); }); } } </script> <style type="text/css"> #fakecrop-list { height: 64px; width: 64px } #fakecrop-grid { height: 120px; width: 120px } </style></div> </div><!--/.clearfix--> </div><!--/.container--> <div class="fluid-container" style="margin-bottom: 4px; background-color: #fff;overflow: hidden; text-align: center"> </div> <script> function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays2460601000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <footer> <div class="container-fluid"> <div class="row"> <div class="footer-heading"> <div class="container"> <div class="col-md-12 pdl2"> <a href="/kr/languagechanger/switchLanguage/korean" class="link-language-changer lang-active">Korean</a> \| <a href="/kr/languagechanger/switchLanguage/japan" class="link-language-changer ">Japanese</a> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="footer-content"> <div class="container"> <div class="col-md-12 pdl2"> <table> <tr> <td class="footer-logo"> <a href="/kr"><img src="/img/sub_main_logo.gif"></a> </td> <td class="footer-copyright"> <a href="/kr/company">KJCLUB소개</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/rules">이용약관</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/privacy">개인정보취급방침</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/board/exc_board_44">버그 및 불편사항 신고</a> &nbsp&nbsp\|&nbsp&nbsp <a href="javascript:;" title="읽지 않은 쪽지" onclick="win_memo('member/memo/write/관리자');">운영자 문의</a> <br><br> 서비스 운영<br> 그레이트풀데이즈(주) 대표이사: 고요환, 개인정보관리책임 : 고요환, 통신판매업: 제 2015-서울중구-0608호, 사업자번호: 113-86-01236<br> 주소: 서울특별시 성동구 연무장 13길 9 (성수동2가, 아아템풀 빌딩) TEL: 070-7423-8828, 이메일 : <a href="mailto:gdays.kjclub@gmail.com">gdays.kjclub@gmail.com</a> <br><br> <!-- 시스템 운영<br> 조이앤네트웍스(주) 대표이사: 김주환, 통신판매업 신고: 제 2016-서울금천-0751호, 사업자번호: 113-86-07650<br> 주소: 서울특별시 금천구 가산디지털2로 123 --> <br><br> Copyright © Gratefuldays Corp. All rights reserved.<br> Copyright © Joyandnetworks Corp. All rights reserved.<br> Copyright © Korea Japan Culture Exchange KJLUB All rights reserved. </td> </tr> </table> </div> </div> </div> </div> </footer> <script type='text/javascript'> //<![CDATA[ function mSearch(f) { var stx = f.stx.value.replace(/(^\s)\|(\s$)/g,''); if (stx.length < 2) { if (site_lang_code == 'kr') { alert('2글자 이상으로 검색해 주세요.'); } else { alert('二文字以上で検索してください。'); } f.stx.focus(); return false; } return true; } //]]> $(document).ready(function(){ $('.link-language-changer').click(function(e){ //console.log($(this).attr('href')); }) }); $('#main-container').bind("click touchstart", function(){ $('#main-menu-collapse').collapse('hide'); if ($('#main-menu-collapse').hasClass('in')) { $('#main-menu-collapse').removeClass('in'); } }); </script> <ul id="alert" class="list-unstyled" style="width:230px; position:fixed; top:10%; left:50%; margin-left:-115px; z-index:1920;"></ul> <script type="text/javascript" src="/js/board.js"></script> <script type="text/javascript" src="/js/sideview.js"></script> <script type="text/javascript" src="/js/md5.js"></script> <script type="text/javascript" src="/js/kcaptcha.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JXGDX6Z8W"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4JXGDX6Z8W'); </script> <!--back to top button--> <span id="top-link-block" style="display: none"> <a href="#top" style="background-color: red; width: 100%; height: 100%; color: #fff; padding: 15px; border-radius: 5px;" onclick="$('html,body').animate({scrollTop:0},'slow');return false;"> <i class="glyphicon glyphicon-chevron-up"></i> Back to Top </a> </span> <style type="text/css"> #top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view / bottom: -82px; right: 10px; } #top-link-block.affix { position: fixed; / keeps it on the bottom once in view / bottom: 40px; right: 20px; } .freezePage{ overflow: hidden; height: 100%; position: relative; } </style> </div> <!--close m-content--> </div> <!--close m-wrapper--> <div class="m-sub-overlay"></div> <div class="m-overlay"></div> <div id="m-sidebar"></div> <div id="m-sub-sidebar"></div> <!--effect scripts--> <script type="text/javascript"> function open_main_menu() { if(!$('#m-sidebar').hasClass("active")) { $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); $('#m-sidebar').show(); if ($('.m-overlay').css("display") == "block") $('.m-overlay').fadeOut(); else $('.m-overlay').fadeIn(); } } function open_sub_menu() { if (!$('#m-sub-sidebar').hasClass("active")) { $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('#m-sub-sidebar').show(); if ($('.m-sub-overlay').css("display") == "block") $('.m-sub-overlay').fadeOut(); else $('.m-sub-overlay').fadeIn(); $('html').addClass('freezePage'); $("body").addClass("freezePage"); $("#m-sub-sidebar").css("overflow-y", "scroll"); } } $(document).ready(function () { $(".mobile-second").show(); //toggle main menu sidebar $('#m-sidebar-collapse').on('click', function () { open_main_menu(); }); //toggle sub menu sidebar $('#m-sub-sidebar-collapse').on('click', function () { open_sub_menu(); }); //close main menu $('.m-overlay').on('click', function () { $('.m-overlay').fadeOut(); $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); }); //close sub menu $('.m-sub-overlay').on('click', function () { $('.m-sub-overlay').fadeOut(); $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('html').removeClass('freezePage'); $("body").removeClass("freezePage"); }); }); //wait for body loading $(window).load(function() { //$("body").removeClass("preload"); }); //back to top button if ( ($(window).height() + 100) < $(document).height() ) { $('#top-link-block').show().affix({ offset: {top:100} }); } //move sub menu into sidebar if (is_mobile) { console.log("is_mobile:true"); $('.mobile-first').insertBefore($('.mobile-second')); if (typeof is_sub_menu !== "undefined" && is_sub_menu == true) $('.mobile-second').detach().appendTo($('#m-sub-sidebar')); } if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent) ) { // } // swipe to open sub sidebar document.addEventListener('touchstart', handleTouchStart, {passive:false}); document.addEventListener('touchmove', handleTouchMove, {passive:false}); var xDown = null; var yDown = null; var disableSubMenu = false; //disable toggle submenu when scroll sub top menu $('.pn-ProductNav_Wrapper').on('click touchstart',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = true; } }); $('.pn-ProductNav_Wrapper').on('click touchend',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = false; } }); var tapedTwice = false; function handleTouchStart(evt) { if(!tapedTwice) { tapedTwice = true; setTimeout( function() { tapedTwice = false; }, 300 ); xDown = evt.touches[0].clientX; yDown = evt.touches[0].clientY; return false; } evt.preventDefault(); }; function handleTouchMove(evt) { if ( ! xDown \|\| ! yDown ) { return; } var xUp = evt.touches[0].clientX; var yUp = evt.touches[0].clientY; var xDiff = xDown - xUp; var yDiff = yDown - yUp; if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/most significant/ if ( xDiff > 0 ) { / left swipe / console.log("Left swipe"); if (is_sub_menu) { // toggle sub menu sidebar console.log(disableSubMenu); if (!disableSubMenu) open_sub_menu(); } } else { / right swipe / console.log("Right swipe"); } } else { if ( yDiff > 0 ) { / up swipe / console.log("Up swipe"); } else { / down swipe / console.log("Down swipe"); } } / reset values */ xDown = null; yDown = null; }; </script> </body> </html>